
                <div class="container">
                    <div class="navbar-brand">
                        <a class="navbar-item" href="/">
                            <img src="/static/assets/images/logos/bulmaplay-logo.png" 
                                 alt="BulmaPlay Logo, app coded in Flask and Bulma CSS." width="88" height="40">
                        </a>
            
                        <a class="navbar-item is-hidden-desktop is-hidden-tablet">
                            <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
                                <svg width="1000px" height="1000px">
                                    <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
                                    <path class="path2" d="M 300 500 L 700 500"></path>
                                    <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
                                </svg>
                                <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
                            </div>
                        </a>
            
                        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
                            <span aria-hidden="true"></span>
                            <span aria-hidden="true"></span>
                            <span aria-hidden="true"></span>
                        </a>
                    </div>
            
                    <div id="cloned-navbar-menu" class="navbar-menu is-fixed">
            
                        <div class="navbar-start">
                            <a class="navbar-item is-hidden-mobile">
                                <div id="cloned-menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
                                    <svg width="1000px" height="1000px">
                                        <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
                                        <path class="path2" d="M 300 500 L 700 500"></path>
                                        <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
                                    </svg>
                                    <button id="cloned-menu-icon-trigger" class="menu-icon-trigger"></button>
                                </div>
                            </a>
                        </div>
            
                        <div class="navbar-end">
                            <a href="#features" class="navbar-item is-secondary">
                                主要功能
                            </a>
                            <a href="#cta" class="navbar-item is-secondary">
                                获取代码
                            </a>
                            <!-- <a href="#contact" class="navbar-item is-secondary">
                                Contact
                            </a> -->
                           <!--  <div class="navbar-item has-dropdown is-hoverable">
                                <a class="navbar-link">
                                    Dropdown
                                </a>
            
                                <div class="navbar-dropdown">
                                    <a class="navbar-item">
                                        Dropdown item
                                    </a>
                                    <a class="navbar-item">
                                        Dropdown item
                                    </a>
                                    <a class="navbar-item">
                                        Dropdown item
                                    </a>
                                </div>
                            </div>
                            <a href="#" class="navbar-item is-secondary modal-trigger" data-modal="modal-auth">
                                Modal
                            </a> -->

                            {% if current_user.is_authenticated %}

                                <a href={{ url_for('logout') }} class="navbar-item">
                                    <span class="button signup-button rounded secondary-btn raised">
                                        Logout
                                    </span>
                                </a>
                            
                            {% else %}

                                <a href={{ url_for('login') }} class="navbar-item">
                                    <span class="button signup-button rounded secondary-btn raised">
                                        Sign In
                                    </span>
                                </a>

                            {% endif %}

                        </div>
                    </div>
                </div>

